@if mgwt.css pretty {
	@external mgwt-Slider, mgwt-Slider-bar, mgwt-Slider-pointer;
	
}

.mgwt-Slider {
	display: inline-block;
	width: 277px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.mgwt-Slider .mgwt-Slider-bar{
	position: relative;
	height: 9px;
	\-webkit-box-sizing: padding-box;
	\-webkit-box-shadow: 2px 2px 4px #666666;
	\-webkit-border-radius: 4px;
	background-repeat: no-repeat, repeat-x;
	background-image: literal('-webkit-gradient(linear, left top ,left bottom, from(#0a3b87), color-stop(.5, #4c8de7), color-stop(.95, #6babf5), to(#0a3b87)), -webkit-gradient(linear, left top ,left bottom, from(#929292), color-stop(.5, #f0f0f0), color-stop(.5, #fff), color-stop(.95, #fff), to(#929292))');
	
}

.mgwt-Slider .mgwt-Slider-pointer {
	position:relative;
	height:20px;
	width:20px;
	left: -10px;
	top: -6px;
	\-webkit-tap-highlight-color: transparent;
	\-webkit-box-shadow: 2px 2px 3px #666666;
	\-webkit-border-radius: 10px;
	background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#aaaaaa), color-stop(.5, #eeeeee), to(#cccccc))');
	
}